<span class="page-title"><i class="fa fa fa-sitemap"></i> Connections</span>

<!-- Main content -->
<section class="content" data-ng-init="ctrl.init()">

    <div class="box box-info">
        <div class="box-header with-border">
            <h3 class="box-title">Active Connections List</h3>

            <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" ng-click="ctrl.update()" title="Refresh"><i class="fa fa-refresh"></i></button>
            </div>
        </div>
        <!-- /.box-header -->
        <div class="box-body table-responsive no-padding">
            <div class="table-responsive">
                <table class="table no-margin">
                    <thead>
                    <tr>
                        <th>Host / Name</th>
                        <th>Type</th>
                        <th>Last Connection</th>
                        <th>Fist Connection</th>
                        <th>Actions</th>
                    </tr>
                    </thead>
                    <tbody>

                    <tr ng-repeat="item in ctrl.list" >
                        <td>${::item.host}</td>
                        <td>${::item.type}</td>
                        <td>${::item.lastConnection | date:'hh:mm dd/MM/yy'}</td>
                        <td>${::item.fistConnection | date:'hh:mm dd/MM/yy'}</td>
                        <td>
                            <button type="button" class="btn btn-danger btn-sm" ng-click="ctrl.disconnect(item.uuid)">Disconnect</button>
                        </td>
                    </tr>

                    </tbody>
                </table>
            </div>
            <!-- /.table-responsive -->
        </div>
        <!-- /.box-body -->
        <div class="box-footer clearfix">
            <!--<a href="javascript:void(0)" class="btn btn-sm btn-info btn-flat pull-left">Place New Order</a>-->
        </div>
        <!-- /.box-footer -->
    </div>


    <!----------------------------------------------------------------->
    <!-- New Diaglog                                                   -->
    <!----------------------------------------------------------------->


</section>
<!-- /.content -->